<?php header('content-type: text/html; charset=ISO-8859-1'); ?> 

<?

// festlegung des Verzeichnisses
$dir=".";

// Titel
$title="Pictures";

// Formatierungen 
$style='
/** Verzeichnisknoten **/
.dir{
	color:#00ff00;
	font-size:1.1em;
}	
/** Dateiknoten **/
.file{
	color:#ffffff;
}	
body{
	background-color:#000000;
}	
h1{
	color:#ffffff;
}	
';




function verzeichnis($dir,$rekursiv){
	$rueck=array();
	if(is_dir($dir)&&$verz=opendir($dir)){
		while ( $datei = readdir ( $verz ) ){
			if ( $datei != '.' && $datei != '..' &&$datei!="index.php"){
				$rueck[$datei]="FILE";
				if(is_dir($dir."/".$datei)){
					if($rekursiv==false)
						$rueck[$datei]="DIR";
					else
						$rueck[$datei]=verzeichnis($dir."/".$datei,true);
					
				}	
			}	
		}
		closedir($verz);
	}
	
	ksort($rueck,SORT_STRING);
	$rueck=array_reverse ($rueck,TRUE);
	asort($rueck,SORT_STRING);
	return $rueck;	
	
}	

function ausgabe($dir,$i){
	echo '<ul id="list'.$i.'">'."\n";
	$inhalt=verzeichnis($dir,false);
	foreach($inhalt as $name => $typ){
		if ($typ=="DIR"){
			echo '<li ><a class="dir" id="dir'.($i+1).'" href="#" onclick="showHide(\''.($i+1).'\')">/'.$name.'</a><br>'."\n";
			
			$i=ausgabe($dir.'/'.$name,$i+1);
			echo "</li>\n";
			
		}	
		else
			echo '<li ><a class="file" target="_blank" href="'.$dir.'/'.$name.'">>'.$name.'</a></li>'."\n";
	}	
	echo"</ul>\n";
	return $i;
}	

?>
<html>
	<head>
		<title><? echo $title; ?></title>
		<script type="text/javascript">
			function showHide(name){
				
				var obj=document.getElementById('list'+name);
				obj.style.display=(obj.style.display=="none")? "" : "none";				
				var tmp=document.getElementById('dir'+name).firstChild.nodeValue;
				var ch=tmp.charAt(0);
				tmp=tmp.slice(1);
				if(ch=='\\')
					ch='/';
				else
					ch='\\';
				document.getElementById('dir'+name).firstChild.nodeValue=ch+tmp;
			}	
			function start(){
				if(document.getElementById('showall').firstChild.nodeValue=='show all')
					document.getElementById('showall').firstChild.nodeValue='hide all';
				else	
					document.getElementById('showall').firstChild.nodeValue='show all';
				
				var i=0;
				do{
					var obj=document.getElementById("list"+i+"");
					i++;
					showHide(i);
				}while(obj!=null);	
				
				
			}	
		</script>
		<style type="text/css">
			<? echo $style; ?>

		</style>

	</head>
	<body onload="start()">
		<h1><? echo $title; ?></h1>
<? ausgabe($dir,0); ?>
<a href="#" onClick="start()" id="showall">hide all</a>
</body>
</html>';



